 Ext.define('aps.faseGridReordenar', {
    extend: 'Ext.grid.Panel',
    alias : 'aps.faseGridReordenar',
    
    name:       'fase_grid_reordenar',
    autoload:   true,
    autoScroll: true,
    border:     false,
    selType: 'cellmodel',
    plugins: [
        Ext.create('Ext.grid.plugin.CellEditing', {
            clicksToEdit: 1
        })
    ],
    height:     320,
    forceFit:   true,
    
    initComponent: function() {
        var self = this;        
        this.store = Ext.create('aps.faseConsultaStore',{
                storeId: 'faseStoreReordenar'
            });
        this.layout = {
            type:  'fit',
            align: 'center'
        };
        this.columns = [
            { header: 'Id', flex: 0, dataIndex: 'id'},
            { header: 'Orden', flex: 0, dataIndex: 'orden',
                field: {
                    xtype: 'textfield',
                    allowBlank: false
                }
            },
            { header: 'Nombre de la Fase', flex: 0, dataIndex: 'nombre' },
            { header: 'Descripcion', flex: 0, dataIndex: 'descripcion'},
            { header: 'Fecha de Inicio', flex: 0, dataIndex: 'fechainicio' },
            { header: 'Fecha de Fin', flex: 0, dataIndex: 'fechafin' },
            { header: 'Estado', flex: 0, dataIndex: 'estado' }
        ];
        
        this.tbar = Ext.create('Ext.PagingToolbar', {
            store: this.store,
            displayInfo: true,
            pageSize:    10,
            displayMsg: 'Total de elementos : {2}',
            emptyMsg:   "<b>No hay datos que mostrar</b>",
            listeners: {
                beforechange : function(pagingtoolbar, page, opts){
                    pagingtoolbar.store.proxy.extraParams = {
                        id_proyecto : Ext.getCmp('combo-proyecto').valueModels[0].data.idproyecto
                    };
                }
            },
        }),
        this.callParent(arguments);
    },
});

